<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			ul {
				list-style: none;
				margin: 50px auto 0;
				text-align: center;
				font-size: 0;
			}

			li {
				display: inline-block;
				font-size: 16px;
				border: 1px solid blue;
				padding: 10px;
				position: relative;
				margin-left: -1px;
			}

			li:hover {
				border: 1px solid black;
				z-index: 1;
			}
			


		</style>
	</head>
	<body>

		<ul>
			<li>男生</li>
			<li>徐旺旺</li>
			<li>拉屎</li>
			<li>不脱裤</li>
			<li>是忘了吗</li>
		</ul>
		
	</body>
</html>